﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="List.aspx.cs" Inherits="List" %>

<!DOCTYPE HTML>
<html>
<head>
    
    <title>50CMS后台框架</title>
      <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <!--[if lt IE 9]>
<script type="text/javascript" src="lib/html5.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<script type="text/javascript" src="lib/PIE_IE678.js"></script>
<![endif]-->
    <link href="../css/H-ui.min.css" rel="stylesheet" type="text/css" />

    <link href="../css/font-awesome.min.css" rel="stylesheet" />
    <link href="../css/style.css" rel="stylesheet" type="text/css" />
    <link href="../css/plugins/jsTree/style.min.css" rel="stylesheet" />

    <!--[if IE 6]>
<script type="text/javascript" src="http://lib.h-ui.net/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
 
    <style type="text/css">
        .main
        {
            height: 100%;
            width: 100%;
        }
        
        .Haside
        {
            width: 300px;
            bottom: auto;
            overflow: unset;
            height: 100%;
            overflow: auto;
            background-color: #F5F5F5;

            position: absolute;
    /* top: 44px; */
    bottom: 0;
    left: 0;
    padding-top: 10px;

    z-index: 99;
    overflow: auto;

        }
        
        .Harticle
        {
        
                position: absolute;
    /* top: 44px; */
    right: 0;
    bottom: 0;
    left: 281px;
    overflow: hidden;
    z-index: 1;

            bottom: auto;
            height: 100%;
        }
        
        .mian iframe
        {
            height: 100%;
            width: 100%;
        }
    </style>
</head>
<body class="pos-r">
    <form id="form1" runat="server">    
        <asp:TextBox ID="jsTreeJson" runat="server" CssClass="hidden"></asp:TextBox>
    </form>
  
    <aside class="Haside">
        <div id="jsontree">
        </div>

    </aside>
    <%--  <div class="dislpayArrow">
        <a class="pngfix" href="javascript:void(0);" onclick="displaynavbar(this)"></a>
    </div>--%>
    <section class="Harticle">
        <div class="main">
            <iframe id="frmae_page" src="Newlist.aspx" scrolling="auto" frameborder="0" style="height: 100%; width: 100%;"></iframe>
        </div>
    </section>
    <script src="../js/jquery-1.8.0.min.js" type="text/javascript"></script>
    <script src="../Js/plugins/jsTree/jstree.js"></script>
         <!-- 自定js -->
    <script type="text/javascript" src="../js/layer/layer.js"></script>

    

    <script type="text/javascript">
        var curren = 'list.aspx';

        $(function () {
            $('#jsontree').jstree({
                'core': eval('(' + $('#jsTreeJson').val() + ')'),
                'plugins': ['types', 'dnd'],
                'types': {
                    'default': {
                        'icon': 'fa fa-folder'
                    },
                    'html': {
                        'icon': 'fa fa-file-code-o'
                    },
                    'svg': {
                        'icon': 'fa fa-file-picture-o'
                    },
                    'css': {
                        'icon': 'fa fa-file-code-o'
                    },
                    'img': {
                        'icon': 'fa fa-file-image-o'
                    },
                    'js': {
                        'icon': 'fa fa-file-text-o'
                    }

                }


            })
            .on('changed.jstree', function (e, data) {
                curren = $('#' + data.selected).find('a').attr('link');
                $('#frmae_page').attr('src', curren);
            });

            $('.Hui-article-box, .Hui-aside').height($(window).height() - $('.breadcrumb').height() - 15);
        })
        function framReload() {
            $('#frmae_page').attr('src', curren);
        }

        function hideTree() {
            $('.Hui-aside').hide();
            $('.Hui-article-box').css('left', '0px');
        }

        function showTree() {
            $('.Hui-aside').show();
            $('.Hui-article-box').css('left', '200px');
        }


     

 

    </script>
</body>
</html>
